<script type="text/javascript">
$(document).ready(function() {
	setTimeout(function(){
	  $("#kotak").fadeOut("slow", function () {
		$("#kotak").remove();
	  });    
	}, 3000);
	$("#media_thumbnail_size").keyup(function(){
		var val = $("#media_thumbnail_size").val();
		//$("#media_thumbnail_size2").removeAttr("value"); 
		$("#media_thumbnail_size2").attr("value",val);
		//alert(val);
	}); 
});
</script>
<div class="left"></div>
<div class="right"></div>
<div class="heading">
	<h1 style="background-image: url('<?php echo base_url()?>assets/images/setting.png');">Options</h1>
</div>
<div class="yui-gc wrapper">
<h1>Edit Options</h1>
<?php echo $this->session->flashdata('message_type');?>
<form id="add_product_form" action="" method="post" enctype="multipart/form-data">
    <div class="yui-u first">
        <fieldset>
		<legend>Site Options</legend>
		<ul>
			<li>
				<label for="sitename">Sitename</label>
				<?php echo form_error('sitename', '<div class="error">', '</div>'); ?>
				<input id="sitename" type="text" name="sitename" class="text" value="<?php echo getOption('sitename')?>">
			</li>
			<li>
				<label for="global_meta_description">Site Description</label>
				<?php echo form_error('global_meta_description', '<div class="error">', '</div>'); ?>
				<textarea id="global_meta_description" name="global_meta_description" class="text" rows="5"><?php echo getOption('global_meta_description');?></textarea>
			</li>
			<li>
				<label for="global_meta_keyword">Site Keywords</label>
				<?php echo form_error('global_meta_keyword', '<div class="error">', '</div>'); ?>
				<textarea id="global_meta_keyword" name="global_meta_keyword" class="text"><?php echo getOption('global_meta_keyword');?></textarea>
			</li>
			<li>
				<label for="admin_email">Admin Email</label>
				<?php echo form_error('admin_email', '<div class="error">', '</div>'); ?>
				<input id="admin_email" type="text" name="admin_email" class="text" value="<?php echo getOption('admin_email')?>">
			</li>
		</ul>
		</fieldset>
    </div>
	
<div class="yui-u">
	<fieldset>
		<legend>Media Options</legend>
		<ul>
			<li>
				<label for="media_thumbnail_size">Thumbnail Size</label>
				<input id="media_thumbnail_size" type="text" name="media_thumbnail_size" 
				class="text w20" value="<?php echo getOption('media_thumbnail_size')?>"> x 
				<input id="media_thumbnail_size2" type="text" class="text w20" 
				value="<?php echo getOption('media_thumbnail_size')?>" disabled>
			</li>
			<li>
				<strong>Medium Image Size</strong><br>
				<label for="media_medium_width" class="span">Max Width</label>
				<input id="media_medium_width" type="text" name="media_medium_width" 
				class="text w20" value="<?php echo getOption('media_medium_width')?>">
				<label for="media_medium_height" class="span">Max Height</label>
				<input id="media_medium_height" type="text" name="media_medium_height" 
				class="text w20" value="<?php echo getOption('media_medium_height')?>">
			</li>
			<li>
				<strong>Large Image Size</strong><br>
				<label for="media_large_width" class="span">Max Width</label>
				<input id="media_large_width" type="text" name="media_large_width" 
				class="text w20" value="<?php echo getOption('media_large_width')?>">
				<label for="media_large_height" class="span">Max Height</label>
				<input id="media_large_height" type="text" name="media_large_height" 
				class="text w20" value="<?php echo getOption('media_large_height')?>">
			</li>
			<li>
				<input type="submit" value="Simpan">
			</li>
		</ul>
	</fieldset>
</div>
</form>
</div>